<template>
  <h1>App</h1>
  <AComponent sex="男" address="深圳宝安区" @say="handleSay" />
  <hr />
  <BComponent sex="男" address="深圳宝安区" @say="handleSay" />
</template>

<script lang="ts">
import { defineComponent } from "vue";
import AComponent from "./AComponent.vue";
import BComponent from "./views/BComponent/index.vue";

export default defineComponent({
  name: "App",
  components: {
    AComponent,
    BComponent,
  },
  methods: {
    handleSay() {
      console.log("hello");
    },
  },
});
</script>
